iT邦幫忙

2021 iThome 鐵人賽

DAY 24
0
自我挑戰組

從新手開始TypeScript系列 第 24

Day24-TypeScript(TS)函式(Function)的預設參數(Default Parameter)

  • 分享至 

  • xImage
  •  

今天要來向大家說明TypeScript(TS)函式(Function)的預設參數(Default Parameter)
與昨天帶大家認識的**選擇性參數(Optional Parameter)**都是讓函式在被呼叫時,
可以選擇傳入或是不傳入參數,
最大的差別就是
選擇性參數若不傳入值,該參數便會undefined
預設參數若不傳入值,該參數便會帶入預設的值
那麼我們依樣來看看範例吧。

首先,先來一樣帶之前的最基本款吧,

function add(x: number, y: number): number {
    return x + y;
}

接著將參數y改寫為預設參數
表示在呼叫這個函式時若不傳入此參數時便會帶入所預設的值,
在範例中我帶入預設參數y為0,
如下,

function add(x: number, y: number = 0): number {
    return x + y;
}

那麼我在呼叫這個add函式時,
若不傳入y參數,
y便會直接預設為0,
回傳結果就會式 x + 0 的值。

在使用上的範例如下,

let i = 10;
let j = 20;
let r1 = add(i, j); // 10+20=30
let r2 = add(i); // 10
console.log(r1, r2); // 30 20 

也就是一般呼叫函式的方式,
這也能看出預設參數選擇性參數相同的,
皆能讓這函式變得更有彈性。

今日結語

今天講的預設參數與昨天講的選擇性參數在使用上是不是很相似呢,
我覺得預設參數在大多數的情況下可能更好用一些,
也不用擔心undefined型別會影響判斷式,
更為直觀,
那麼大家一如往常的繼續加油喔。


上一篇
Day23-TypeScript(TS)函式(Function)的選擇性參數(Optional Parameter)
下一篇
Day25-TypeScript(TS)函式(Function)的剩餘參數(Rest Parameter)
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言